<!DOCTYPE html>
<html lang="en">
<!-- head头部分开始 -->
<head>
    <include file="Public/public_head" title="点点滴滴-" keywords="{$Think.config.WEB_KEYWORDS}" description="{$Think.config.WEB_DESCRIPTION}" />
    <link rel="stylesheet" href="__PUBLIC__/static/whoCare/css/animate.min.css" />
    <link rel="stylesheet" href="__PUBLIC__/static/whoCare/css/timeline.css" />
</head>
<!-- head头部分结束 -->
<body>
<!-- 顶部导航开始 -->
<!-- 顶部导航结束 -->

<!-- 主体部分开始 -->
<nav class="fl-nav layui-header">
    <div class="fl-container">
        <if condition="$userInfo eq null ">
            <a href="javascript:;" class="fl-user userLoginBtn">
                <i class="fa fa-qq"></i>
            </a>
            <else />
            <a href="javascript:;" class="fl-user" style="right:40px;color: white;font-size: 16px;">
                {$userInfo['user_name']}
            </a>
            <a href="{:U('Home/Index/logout')}" style="position: absolute;right:-60px;z-index: 10;line-height: 64px;color: white;font-size: 16px;">
                退出登录
            </a>
        </if>
        <a href="/" class="fl-log">WhoCare</a>
        <ul class="layui-nav" lay-filter="">
            <li class="layui-nav-item ">
                <a href="{:U('Home/Index/index')}">
                    <i class="fa fa-home fa-fw"></i>网站首页
                </a>
            </li>
            <li class="layui-nav-item ">
                <a href="{:U('Home/Index/ari')}">
                    <i class="fa fa-file-text fa-fw"></i>文章专栏
                </a>
            </li>
            <li class="layui-nav-item">
                <a href="{:U('Home/Index/git')}">
                    <i class="fa fa-tags fa-fw"></i>资源分享
                </a>
            </li>
            <li class="layui-nav-item layui-this">
                <a href="{:U('Home/Index/chat')}">
                    <i class="fa fa-hourglass-half fa-fw"></i>点点滴滴
                </a>
            </li>
            <li class="layui-nav-item ">
                <a href="{:U('Home/Index/about')}">
                    <i class="fa fa-info fa-fw"></i>关于本站
                </a>
            </li>
        </ul>
        <a class="fl-navicon" href="javascript:;">
            <i class="fa fa-navicon"></i>
        </a>
    </div>
</nav>

<!-- 内容开始 -->
<div class="fl-body">
    <div class="fl-container">
        <div class="fl-main">
            <blockquote class="layui-elem-quote sitemap layui-breadcrumb shadow">
                <a href="index.html">网站首页</a>
                <a><cite>点点滴滴</cite></a>
            </blockquote>
            <div class="child-nav shadow">
                <span class="child-nav-btn child-nav-btn-this">时光轴</span>
                <span class="child-nav-btn">笔记墙</span>
            </div>
            <div class="timeline-box shadow">
                <div class="timeline-main">
                    <h1>
                        <i class="fa fa-clock-o"></i>时光轴
                        <span> —— 记录生活点点滴滴</span>
                    </h1>
                    <div class="timeline-line"></div>


                    <div class="timeline-year">
                        <!--<h2>-->
                            <!--<a href="javascript:void(0);" class="yearToggle">2017年</a>-->
                            <!--<i class="fa fa-caret-down fa-fw"></i>-->
                        <!--</h2>-->
                        <div class="timeline-month">
                            <!--<h3 class=" animated fadeInLeft">-->
                                <!--<a href="javascript:void(0);" class="monthToggle">2月</a>-->
                                <!--<i class="fa fa-caret-down fa-fw"></i>-->
                            <!--</h3>-->
                            <ul>
                                <volist name="data" id="v">
                                    <li>
                                        <div class="h4  animated fadeInLeft">
                                            <p class="date">{$v['date']|date='Y-m-d H:i:s',###}</p>
                                        </div>
                                        <p class="dot-circle animated ">
                                            <i class="fa fa-dot-circle-o"></i>
                                        </p>
                                        <div class="content animated fadeInRight">
                                            {$v['content']}
                                        </div>
                                        <div class="clear"></div>
                                    </li>
                                </volist>
                            </ul>
                        </div>

                    </div>


                    </div>
                    <h1 style="padding-top:4px;padding-bottom:2px;margin-top:40px;">
                        <i class="fa fa-hourglass-end"></i>THE END
                    </h1>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 底部 -->
<footer class="fl-footer">
    <p>
        <span>Copyright</span>
        <span>©</span>
        <span>2017</span>
        <a href="">WhoCare个人博客</a>
        <span>Design By WhoCare</span>
    </p>
    <p>
        <a href="" target="_blank">豫ICP备xxxxxxxx号-1</a>
    </p>
</footer>
<!-- 右侧导航 -->
<ul class="layui-nav layui-nav-tree layui-nav-side fl-nav-left layui-hide" lay-filter="nav">
    <li class="layui-nav-item layui-this">
        <a href="/"><i class="fa fa-home fa-fw"></i>&nbsp;网站首页</a>
    </li>
    <li class="layui-nav-item">
        <a href="{:U('Home/Index/ari')}"><i class="fa fa-file-text fa-fw"></i>&nbsp;文章专栏</a>
    </li>
    <li class="layui-nav-item">
        <a href="{:U('Home/Index/git')}"><i class="fa fa-tags fa-fw"></i>&nbsp;资源分享</a>
    </li>
    <li class="layui-nav-item">
        <a href="{:U('Home/Index/chat')}"><i class="fa fa-road fa-fw"></i>&nbsp;点点滴滴</a>
    </li>
    <li class="layui-nav-item">
        <a href="{:U('Home/Index/about')}"><i class="fa fa-info fa-fw"></i>&nbsp;关于本站</a>
    </li>
</ul>
<!-- 分享窗体 -->
<div class="fl-share layui-hide ">
    <div class="fl-share-body">
        <div>
            <div class="flsharebuttonshare">
                <a class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
                <a class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
                <a class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
                <a class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a>
            </div>
        </div>
    </div>
</div>
<!-- 遮罩 -->
<div class="fl-mask animated layui-hide"></div>
<script src="__PUBLIC__/static/whoCare/layui/layui.js"></script>
<script src="__PUBLIC__/static/whoCare/js/index.js"></script>
<script>
    layui.use('jquery', function () {
        var $ = layui.jquery;

        $(function () {
            $('.monthToggle').click(function () {
                $(this).parent('h3').siblings('ul').slideToggle('slow');
                $(this).siblings('i').toggleClass('fa-caret-down fa-caret-right');
            });
            $('.yearToggle').click(function () {
                $(this).parent('h2').siblings('.timeline-month').slideToggle('slow');
                $(this).siblings('i').toggleClass('fa-caret-down fa-caret-right');
            });
        });
    });
</script>
<script src="__PUBLIC__/static/whoCare/Qplayer/js/jquery.min.js"></script>
<include file="Public/public_login" />

</body>
</html>
